<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>格式化文本</title>
    <link rel="stylesheet" href="./css/gsh.css">
</head>
<body>
    <h1>《格式化文本》</h1><hr>
        <h2>《天龙八部》节选</h2>   
    <div class="text-1">
        <span>
            <i>练</i>
            武厅东坐着二人。上首是个四十左右的中年道姑，铁青着脸，嘴唇紧闭。下首是个五十余岁的老者，右手捻着长须，神情甚是得意。两人的座位相距一丈有余，身后各站着二十余名男女弟子。西边一排椅子上坐着十余位宾客。东西双方的目光都集注于场中二人的角斗。
        </span>
    </div>

    
    <div class="outer">
        <h1 class="h1-1">《震惊！！！特大新闻》</h1>
        <h3>HTML的发展历程:</h3>
        <p>HTML 1.0: 在1993年6月，作为互联网工程工作小组(IETF)的工作草案发布，但并非标准
            <br>HTML 2.0: 1995年11月作为RFC 1866发布，直到2000年6月被RFC 2854宣布已经过时
            <br>HTML 3.2: 1996年1月14日，W3C推荐标准1。
            <br>HTML 4.0: 1997年12月18日，W3C推荐标准，后来有微小改进
            <br>XHTML 1.0: 发布于2000年1月26日，是W3C推荐标准，后来经过修订于2002年8月1日重新发布1。
        </p>
        <h3>CSS的发展历程:</h3>
        <p>CSS的诞生: 在1991年，当HTML首次提出时，并没有给页面添加样式的方法。直到1994年，Håkon Wium Lie和Bert Bos提出了CSS的概念，旨在解决内容与表现分离的问题2。
            <br>CSS 1.0: CSS Level 1在1996年12月成为W3C的推荐标准2
            <br>CSS 2.0: CSS Level 2在1998年5月成为W3C的推荐标准，引入了定位和媒体类型等新特性2。
            <br>CSS 3.0: CSS Level 3的开发始于1999年，它不是一个单一的规范，而是一系列模块化的规范，每个模块都有自己的发展路径和状态3。
        </p>

        <p>在一个充满创意和激情的城市里，有一个名叫艾莉丝的年轻设计师。她热爱设计，对于如何将想法转化为令人惊叹的数字艺术充满了好奇心。有一天，当她在网上浏览时，看到了一个新闻网站的设计。这个网站以其简洁、现代和易于导航而闻名。艾莉丝被这个设计深深吸引，她决定创造出属于自己的设计。</p>
        <p>接着，艾莉丝转向 CSS，为网站增添了独特的风格。她使用了自定义的字体和颜色方案，使网站看起来时尚而又舒适。她利用 CSS 动画为页面元素增添了生动感，比如菜单的平滑过渡效果和首页的视觉吸引力。</p>
        <p>在设计过程中，艾莉丝遇到了挑战。她需要确保网站在不同设备上都能良好呈现，于是她使用了响应式设计技术。通过媒体查询和弹性布局，她确保了网站在手机、平板和桌面上都能完美展示。

            最终，艾莉丝完成了她的作品。她的网站不仅展示了新闻内容，还融入了艾莉丝独特的设计风格，成为了网络上的一颗璀璨明珠。人们对这个新闻网站赞不绝口，艾莉丝因此获得了更多的设计机会，她的创意也因此得到了更广泛的认可。
            
            这个故事展示了 HTML 和 CSS 在创意设计中的重要性，它们不仅仅是技术工具，更是创作者灵感迸发的源泉。</p>
        <p>这两种技术的发展极大地推动了Web设计和前端开发的进步，使得创建丰富多彩、交互性强的网页成为可能。随着Web标准的不断演进，HTML和CSS也在不断地更新和完善，以适应新的需求和技术。如今，我们已经能够使用HTML5和CSS3来构建响应式、多媒体丰富的网站，这些都是早期Web开发者所梦寐以求的。</p>
        <img src="https://www.w3.org/cms-uploads/Hero-illustrations/groups.svg" alt="">
    </div>

    <div class="mian">
        <h1>《百度百科》</h1>
        <div class="mian-contcen">
            <a class="" href="https://ys.mihoyo.com/cloud/?autobegin=1&utm_source=default" target="_blank" >
                《<em>原神</em>》官方网站-全新4.5版本「铓锋锦间裁」上线!
            </a><br>
            <div class="mian-img">
                <img src="https://gimg3.baidu.com/search/src=http%3A%2F%2Fgips3.baidu.com%2Fit%2Fu%3D2498623727%2C1870741620%26fm%3D3030%26app%3D3030%26f%3DJPEG%3Fw%3D200%26h%3D133%26s%3DF31330C442402557123E451103005099&amp;refer=http%3A%2F%2Fwww.baidu.com&amp;app=2021&amp;size=f242,150&amp;n=0&amp;g=0n&amp;q=100&amp;fmt=auto?sec=1712682000&amp;t=c92beae452f98b57e35e6639dc1c6302" style="width: 128px;height: 85px;">
            <span>全新4.5版本「铓锋锦间裁」现已推出!《<em>原神</em>》是由米哈游自研的一款开放世界冒险RPG。你将在游戏中探索一个被称作「提瓦特」的幻想世界。在这广阔的世界中,你可以踏遍七国,邂逅性格各异、能力独特...</span>
            </div>
        </div>
        <img src="./img/fig2.webp" alt="hui" class="hui">
        <img src="./img/fig4.webp" alt="fig" class="fig">
    </div>
   

    <div class="foobt">
        &copy;版权归我所有
    </div>

</body>
</html>